<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{{ setting.site_title }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {{ stylesheet_link("css/pure-min.css") }}
    {{ stylesheet_link("css/style-zy630.css") }}
    {{ stylesheet_link("css/responsive-nav.css") }}
    {{ stylesheet_link("css/swiper3.08.min.css") }}
    {{ stylesheet_link("css/style-xj630.css") }}
</head>
<body>
	<div id="header">
        {% include "common/header.volt"%}
    </div>
    <div id="content_farther">
       {{content()}}
    </div>
    <div id="footer">
        {% include "common/footer.volt"%}
    </div>
    {{ javascript_include("js/swiper3.0.8.min.js") }}
    {{ javascript_include("js/responsive-nav.js") }}
    {{ javascript_include("js/jquery-1.11.3.min.js") }}
    {{ javascript_include("js/js-xj704.js") }}
    <script>
          var navigation = responsiveNav(".nav-collapse", {
            animate: true,                    // Boolean: Use CSS3 transitions, true or false
            transition: 284,                  // Integer: Speed of the transition, in milliseconds
            label: "Menu",                    // String: Label for the navigation toggle
            insert: "after",                  // String: Insert the toggle before or after the navigation
            customToggle: "",                 // Selector: Specify the ID of a custom toggle
            closeOnNavClick: false,           // Boolean: Close the navigation when one of the links are clicked
            openPos: "relative",              // String: Position of the opened nav, relative or static
            navClass: "nav-collapse",         // String: Default CSS class. If changed, you need to edit the CSS too!
            navActiveClass: "js-nav-active",  // String: Class that is added to <html> element when nav is active
            jsClass: "js",                    // String: 'JS enabled' class which is added to <html> element
           init: function () {
              console.log("Responsive Nav Inited!");
            },
            open: function () {
              console.log("Opening…");
            },
            close: function () {
              console.log("Closing…");
            }              // Function: Close callback
              });
    </script>
    <!--<script>

    //     // $(document).ready(function()){
    //         var count = document.getElementById('mycarousel').getElementsByTagName('li').length;
    //         var alongheight = document.getElementById('mheight').getElementsByTagName('min-height');
    //         var heightli = count*alongheight;
            
    //         document.getElementById('mheight').style.height == heightli;
    //         // var lengthli = $("li").size();
    //     // }
    // </script>-->
    <script>        
          var mySwiper = new Swiper ('.swiper-container', {
            loop: true,    
            
            //如果需要前进后退按钮
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            autoplay: 5000,
          })        
    </script>
</body>
</html>
